import React, { Component } from 'react'
import Rcc from './Rcc'
import Rfc from './Rfc'
export default class App extends Component {
  state = {
    obj: {
      name: 'zs',
      age: 40
    }
  }
  render() {
    console.log(this.props)
    return (
      <div>
        <h1>App</h1>
        {/* <Rcc aname="zs" ge={10} />
        <Rfc name="zs" age={10} /> */}
        {/* 
        <Rcc {...this.state.obj} />
        <Rfc {...this.state.obj} /> */}

        <Rfc>
          <mark>我是rfc</mark>
          <input type="text" />
          <input type="button" value="确认" />
        </Rfc>
        {/* <Rcc>
          <strong>我是rcc</strong>
        </Rcc> */}
        <Rcc sex="男" func={(data) => <span>{data}</span>}></Rcc>
      </div>
    )
  }
}
